<div style="display:inline-block;width:100%;">
    <ng-container *ngFor="let level of levelControl.levels;let index = index">
        <nz-select [(ngModel)]="level.selectedValue"
                   *ngIf="!level.hidden"
                   [nzPlaceHolder]="level.placeholder || level.title || ''"
                   [ngStyle]="{'width':100 / countVisibleLevel() + '%'}"
                   (ngModelChange)="level.handleSelect($event);updateNgModel(index)"
                   [nzAllowClear]="true"
                   [nzDropdownMatchSelectWidth]="false"
                   [nzDisabled]="level.disabled">
            <nz-option *ngFor="let item of level.list"
                       [nzValue]="item.value"
                       [nzLabel]="item.label">
            </nz-option>
            <nz-option *ngIf="level.loading" nzDisabled nzCustomContent>
                <i nz-icon type="loading" class="loading-icon"></i> 加载中...
            </nz-option>
        </nz-select>
    </ng-container>
</div>
